<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>点看宁波下载</title>
<meta content="target-densitydpi=device-dpi,width=640,maximum-scale=2, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="email=no,address=no,telephone=no">
<meta name="description" content="点看宁波下载">
<meta name="keywords" content="点看宁波下载">
<link href="css/mobile/game.css" rel="stylesheet"/>
<script type="text/javascript" src="js/dist/zepto.js"></script>
<script type="text/javascript" src="js/extend/touch.js"></script>
<script type="text/javascript" src="js/extend/matchMedia.js"></script>
<script type="text/javascript" src="js/extend/event.ortchange.js"></script>
<script type="text/javascript" src="js/extend/parseTpl.js"></script>
<script type="text/javascript" src="js/core/gmu.js"></script>
<script type="text/javascript" src="js/core/event.js"></script>
<script type="text/javascript" src="js/core/widget.js"></script>
<script type="text/javascript" src="js/widget/slider/slider.js"></script>
<script type="text/javascript" src="js/widget/slider/dots.js"></script>
<script type="text/javascript" src="js/widget/slider/$touch.js"></script>
<script type="text/javascript" src="js/tab/tab.js"></script>
<style type="text/css">
html{height:100%;}
body{height:100%; background-color:#00a0e8; color:#fff;}
.download_content{width:100%; padding-top:100%; background:url(images/download_bg.png) center 30% no-repeat; text-align:center;}
.android_btn{display:inline-block; width:240px; height:65px; margin-left:25px; background:url(images/android_btn.png);}
.apple_btn{display:inline-block; width:240px; height:65px;  background:url(images/apple_btn.png);}
.footer{width:640px; text-align:center; position:absolute; bottom:40px;}
.pop_layer{display:none; position:absolute; right:0; top:0;}
.pop_bg{display:none; height:100%; width:640px; position:absolute; right:0; top:0; background-color:#000; opacity:0.9;}
</style>

</head>

<body>
	<div class="download_content">
		<div class="">			
			<a class="downloadBtn apple_btn" href="https://itunes.apple.com/cn/app/dian-kan-ning-bo/id1024845383?mt=8"></a>
			<a class="downloadBtn android_btn" href="http://hd.nbtv.cn/app/yingyong/CUTV_NingBo.apk"></a>
		</div>
		<div class="footer">宁波广播电视集团</div>
	</div>
	<div class="pop pop_bg"></div>
	<div class="pop pop_layer pop_android"><img src="images/xiazai_android.png"></div>
	<div class="pop pop_layer pop_ios"><img src="images/xiazai_ios.png"></div>

</body>
<script type="text/javascript">
	var u = navigator.userAgent, app = navigator.appVersion;
	var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
	var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	
	              
	$(document).ready(function () {
		download();
		$('.downloadBtn').tap(function() {
			download();
		})
	})

	function download(){
		if(isWeiXin()) {
				$('.pop_bg').css('display','block');
				if(isiOS){
					$('.pop_ios').css('display','block');
				}else{
					$('.pop_android').css('display','block');
				}
				return false;
		}else{
			if(isiOS){
				window.location="https://itunes.apple.com/cn/app/dian-kan-ning-bo/id1024845383?mt=8"
			}else if(isAndroid) {
				window.location="http://hd.nbtv.cn/app/yingyong/CUTV_NingBo.apk"
			}
		}
	}
	function isWeiXin(){
	    var ua = window.navigator.userAgent.toLowerCase();
	    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
	        return true;
	    }else{
	        return false;
	    }
	}
</script>
</html>
